﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>大山云南山泉官网</title>
    <link href="/css/public.css" rel="stylesheet" type="text/css" />
    <link href="/css/css.css" rel="stylesheet" type="text/css" />
    <script src="/js/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="/js/jquery.SuperSlide.2.1.1.js"></script>
    <style>     
        .slideBox2_1{ width:100%; overflow:hidden; position:relative;  }
        .slideBox2_1 div{margin:0 auto;}
        .slideBox2_1 .hd{ height:15px; overflow:hidden; position:absolute; width:100%; bottom:34px;  z-index:1; text-align:center; }
        .slideBox2_1 .hd ul{ overflow:hidden; zoom:1; float:left; width:100%;  }
        .slideBox2_1 .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(../images/dot-black.png) 0 0; overflow:hidden; 
	        line-height:9999px; filter:alpha(opacity=40);opacity:0.4;  }
        .slideBox2_1 .hd ul li.on{ filter:alpha(opacity=100);opacity:1;  }
        .slideBox2_1 .bd2{ position:relative; height:100%; z-index:0;   }
        .slideBox2_1 .bd2 li{ zoom:1; vertical-align:middle; }
        .slideBox2_1 .bd2 img{width:100%; display:block;  }
        .slideBox2_1 .prev,.slideBox2_1 .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
        .slideBox2_1 .next{ left:auto; right:3%; background-position:8px 5px; }
        .slideBox2_1 .prev:hover,
        .slideBox2_1 .next:hover{ filter:alpha(opacity=100);opacity:1;  }
        .slideBox2_1 .prevStop{ display:none;  }
        .slideBox2_1 .nextStop{ display:none;  }

    </style>
</head>
<body>
    <div id="slideBox2_1" class="slideBox2_1">
        <div class="hd">
            <ul>
                <li>01</li><li>02</li><li>03</li></ul>
        </div>
        <div class="bd2">
            <ul>
                <li>
                    <img src="/images/honor2012_1.jpg" /></li>
                <li>
                    <img src="/images/honor2012_2.jpg" /></li>
                <li>
                    <img src="/images/honor2012_3.jpg" /></li>
            </ul>
        </div>        
    </div>
    <script type="text/javascript">
        jQuery(".slideBox2_1").slide({ mainCell: ".bd2 ul", effect: "leftLoop", autoPlay: true });	
    </script>
</body>
</html>
